﻿body
{
	font-size: 9pt;
	background-color: #f0f0f0;
	margin: 0px;
	width: 100%;
}

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img
{
	border: none;
}
li
{
	list-style: none;
}
input, button, textarea, select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
select, input, button, textarea
{
	font: 100% Tahoma,Helvetica,Arial,sans-serif;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
table
{
	font-size: inherit;
	font-size: 100%;
}


#backTable
{
	background-color: #ffffff;
}
.backTabletd
{
	border: 1px solid #c9c9c9;
	width: 900px;
	padding-bottom: 30px;
}

.head
{
	background-image: url(/images/10026.gif);
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin-left: 36px;
	margin-top: 16px;
	position: relative;
	padding-left: 20px;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline;
}

.backTabletdRoom .head
{
	font-size:9pt;	
	margin-left: 16px;
}

.seperdiv
{
	clear: both;
}

.gameDiv
{
	position: relative;
	background: url(/images/mobile_roomback.jpg) no-repeat;
	width: 759px;
	height: 551px;
}

#titletopleft
{
	width: 160px;
	height: 20px;
	margin-top: 137px;
	margin-left: 20px;
	float: left;
	display: inline;
	color: White;
}

#UserHead
{
	float:left;
	width: 50px;
	height: 50px;
	display: inline;
}

#gameTopRightUser
{
	float:right;
	width: 320px;
	height: 50px;
	margin-top: 25px;
	margin-right: 21px;
	display: inline;
}

#UserInfo
{
}

.UserInfoUpDiv
{
	float:left;
	display:inline;
	width:140px;
	height:20px;
	margin-left:10px;
	text-align:left;
	color:White;
	padding-top:3px;
}

.UserIDBtnDiv
{
	float:left;
	display:inline;
	width:52px;
	height:20px;
	margin-left:11px;
	text-align:left;
}

.UserIDBtnDiv2
{
	float:left;
	display:inline;
	width:52px;
	height:20px;
	margin-left:3px;
	text-align:left;
}

.UserScoreBtnDiv
{
	float:left;
	display:inline;
	width:52px;
	height:20px;
	margin-left:11px;
	text-align:left;
	margin-top:5px;
}

.UserScoreBtnDiv2
{
	float:left;
	display:inline;
	width:52px;
	height:20px;
	margin-left:3px;
	text-align:left;
	margin-top:5px;
}

.UserInfoDownDiv
{
	float:left;
	display:inline;
	width:140px;
	height:20px;
	margin-left:10px;
	margin-top:5px;
	text-align:left;
	color:White;
	padding-top:3px;
}

.PromoteDiv
{
	text-align:left;
	float:left;
	display:inline;
	margin-top: 10px;
	margin-left: 3px;
	color:White;
}

.UserInput
{
	border:1px;
	height:	16px;
	width:90px;
	padding:0px 3px 0px 3px;
	margin-top:-2px;
	font-size:9pt;
}

#RoomListTitle
{
	float:left;
	display:inline;
	color:White;
	margin-top:14px;
	margin-left:20px;
	font-size:12pt;
}

#UserListTitle
{
	float:right;
	display:inline;
	color:White;
	margin-top:14px;
	margin-right:32px;
	font-size:12pt;
}

#RoomList
{
	float:left;
	display:inline;
	color:White;
	margin-top:10px;
	margin-left:14px;
	width:529px;
	height:243px;
	border:2px solid #3a3d3c;
	overflow-y:auto;
	overflow-x:hidden;
}

#MainPsdDiv
{
	position:absolute;
	border:2px solid #3a3d3c;
	left:195px;
	top:81px;
	width:120px;
	height:60px;
	background-color:#396f79;
	text-align:left;
	padding:10px 10px 10px 10px;
	display:none;
}

#RoomPsdInput
{
	width:120px;
	border:1px;	
	margin-top:6px;
	margin-bottom:6px;
	height:18px;
}

#btnCancelEnter
{
	margin-left:14px;	
}

#RoomListTable
{
	width:100%;
}

#RoomListTable th
{
	color:#cccccc;
	background-color:#151515;
	height:20px;
}


#UserList
{
	float:right;
	display:inline;
	color:White;
	margin-top:10px;
	margin-right:15px;
	width:168px;
	height:260px;
	border:2px solid #3a3d3c;
}

#UserListTable
{
	width:100%;
}

#RoomListTbody td
{
	padding-top:4px;padding-bottom:2px;cursor:pointer
}

#RoomListTbody .showback
{
	background-color:#383838;
}
#RoomListTbody .hideback
{
	background-color:inherit;
}
#RoomListTbody .selectrow
{
	background-color:red;
}

.bottomMenu
{
	width:185px;
	height:20px;
	margin-top:23px;
	cursor:pointer;
}
	
#bottomHelp
{
}

#bottomRefresh
{
}

#bottomEnter
{
}

.relativediv
{
	position:relative;	
}

.leftdiv
{
	float:left;	
}

.rightdiv
{
	float:right;	
}

.hide
{
	display:none;	
}

.alert
{
	color:Red;	
}
	
.btn1
{
	background:url('/images/btn1.gif') no-repeat;
	width:51px;
	height:20px;
	border:0px;
	cursor:pointer;
	color:White;
}

.btn2
{
	background:url('/images/btn2.gif') no-repeat;	
	width:50px;
	height:19px;
	border:0px;
	cursor:pointer;
	color:White;
}

/*Table*/
table, td
{
	text-align: center;
}
#bodyDiv
{
}
.mainTable
{
	width: 100%;
	height: 100%;
}
.celldiv
{
	width: 150px;
	height: 120px;
	background-color: Red;
}
#centerdiv
{
	width: 300px;
	height: 200px;
	background-color: Green;
}

/*Room*/
.backTabletdRoom
{
	border: 1px solid #c9c9c9;
	width: 600px;
	padding-bottom: 30px;
}

.tableDiv
{
	position: relative;
	background-color:#43633E;
	width: 560px;
	height:780px;
}

#RoomBottomDiv
{
	float:left;
	display:inline;
	width:100%;
	height:300px;
	color:#aeaeae;
	text-align:left;
}

#RoomTopDiv
{
	float:left;
	display:inline;
	width:100%;
	height:480px;
	color:White;
}

#CardList
{
	border:1px solid white;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:18px;
	height:140px;
	width:137px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:3px;
}
#PlayerList
{
	border:1px solid white;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:40px;
	height:205px;
	width:94px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:3px;
}
#ChatList
{
	border:1px solid white;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:40px;
	height:94px;
	width:137px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:3px;
}
#ChatInput
{
	border:1px solid white;
	float:left;
	display:inline;
	margin-left:15px;
	height:44px;
	width:143px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:0px;
}

#chatinputarea
{
	height:100%;
	width:105px;	
}

#chatinputbtn
{
}
.ChatInputtable
{
	width:100%;
	height:100%;
}


#CardPositionDiv
{
	position:relative;
	float:left;
	width:0px;
	height:0px;	
}

#Seat0
{
	position:absolute;
	width:0px;
	height:0px;
	left:50px;
	top:60px;
}

#Seat1
{
	position:absolute;
	width:0px;
	height:0px;
	left:220px;
	top:60px;
}

#Seat2
{
	position:absolute;
	width:0px;
	height:0px;
	left:390px;
	top:60px;
}

#Seat3
{
	position:absolute;
	width:0px;
	height:0px;
	left:390px;
	top:210px;
}

#Seat4
{
	position:absolute;
	width:0px;
	height:0px;
	left:220px;
	top:210px;
}

#Seat5
{
	position:absolute;
	width:0px;
	height:0px;
	left:50px;
	top:210px;
}

.CardButtonDiv
{
	position:absolute;
	width:40px;
	height:100px;
	left:-60px;
	top:0px;
}

.CardUserDiv
{
	position:absolute;
	width:200px;
	height:40px;
	left:0px;
	top:-33px;
	text-align:left;
}

.CardHeadDiv
{
	position:absolute;
	width:68px;
	height:68px;
	left:0px;
	top:0px;
	text-align:left;
	background:url('/images/head/headback.gif')  no-repeat;
}

.CardCardsDiv
{
	position:absolute;
	width:100px;
	height:120px;
	left:80px;
	top:0px;
	text-align:left;
}

.CardHeadImg
{
	margin-left:4px;margin-top:3px;	
	width:60px;
	height:60px;
	display:inline;
}

.ArrowDiv
{
	position:absolute;
	width:37px;
	height:52px;
	left:17px;
	top:-18px;
}

.ArrowDiv img  
{
	cursor:pointer;
	azimuth: expression( 
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", 
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", 
	this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), 
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", 
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); 
} 


.CardButtonDiv3
{
	position:absolute;
	width:40px;
	height:100px;
	left:75px;
	top:0px;
}

.CardUserDiv3
{
	position:absolute;
	width:150px;
	height:50px;
	left:0px;
	top:-47px;
	text-align:left;
}

.CardCardsDiv3
{
	position:absolute;
	width:100px;
	height:120px;
	left:-35px;
	top:80px;
	text-align:right;
}

.CardUserDiv4
{
	position:absolute;
	width:200px;
	height:60px;
	left:0px;
	top:74px;
	text-align:left;
}

.CurrentUserCards
{
	position:absolute;
	z-index:10000;
}

.CurrentUserCards img
{
	width:70px;
	height:98px;
}

#CenterDiv
{
	position:relative;
	float:left;
	width:0px;
	height:0px;	
	left:314px;
	top:306px;
}

#CenterCardBack
{
	float:left;	
	position:absolute;	
	left:-35px;
	top:-20px;
	width:70px;
}

.Seat_OutCards
{
	position:absolute;	
	z-index:10001;
}
.Seat_OutCards img
{
	border:0px;
}

#Seat0_OutCardsDiv
{
	float:left;	
	left:-170px;
	top:-49px;
}
#Seat1_OutCardsDiv
{
	float:left;	
	left:-140px;
	top:-170px;
}
#Seat2_OutCardsDiv
{
	float:right;	
	left:35px;
	top:-170px;
}
#Seat3_OutCardsDiv
{
	float:right;	
	left:70px;
	top:-49px;
}
#Seat4_OutCardsDiv
{
	float:right;	
	left:35px;
	top:70px;
}
#Seat5_OutCardsDiv
{
	float:left;	
	left:-140px;
	top:70px;
}

.CurrentUserOutCards
{
	position:absolute;
	z-index:10000;
}

.CurrentUserOutCards img
{
	width:70px;
	height:98px;
	border:0px;
}

#Seat0_ChatPop
{
	left:70px;
	top:-10px;    
    text-align:left;
}
#Seat1_ChatPop
{
	left:70px;
	top:-10px;    
    text-align:left;
}
#Seat2_ChatPop
{
	left:70px;
	top:-10px;    
    text-align:left;
}
#Seat3_ChatPop
{
	left:-120px;
	top:-10px;    
    text-align:left;
}
#Seat4_ChatPop
{
	left:70px;
	top:-10px;    
    text-align:left;
}
#Seat5_ChatPop
{
	left:70px;
	top:-10px;    
    text-align:left;
}

.ChatPopUp
{
	position:absolute;
	z-index:10100;
}

.Bottom_Arror
{
	position:relative;
    height:9px;
    width:100%;
	background-repeat:no-repeat;
	background-image:url('/images/bubble_arrow_bottom.png');	
	background-position:center bottom;
	margin-top:-1px;
	z-index:10101;
}

.left_Arror
{
	position:relative;
    height:19px;
    width:9px;
	background-repeat:no-repeat;
	background-image:url('/images/bubble_arrow_left.png');	
	background-position:left center;
	margin-right:-1px;
	z-index:10101;
}

.Right_Arror
{
	position:relative;
    height:19px;
    width:9px;
	background-repeat:no-repeat;
	background-image:url('/images/bubble_arrow_right.png');	
	background-position:right center;
	margin-left:-1px;
	z-index:10101;
}

.arrowtd
{
}

.chatcontenttd
{
    background-color:#ffffcd;
    border:1px solid #ffcc66;
    width:100px;
    color:Black;
    padding:5px;
}

.chatcontenttable
{
    width:110px;    
}


#CenterResultDiv
{
	float:left;	
	position:absolute;	
	left:-110px;
	top:-90px;
	width:200px;
	height:180px;
	z-index:11101;
}

#CenterResultDiv h4
{
	background-image:url('/images/panel_small_head_bg.png');background-position:left top;background-repeat:no-repeat;margin:0px;height:30px;line-height:30px;text-indent:15px;font-size:14px;
}

.close{padding:0px;margin:0px;margin-right:10px;float:right;height:20px;}
.close img{border:0px;margin-top:5px;}
#Result_ContentDIV	
{
	border-left:1px #d3d3d3 solid;border-right:1px #d3d3d3 solid;background-color:white;
	width:198px;height:150px;
}

#Result_ContentTable
{
	color:Black;width:100%
}
#Result_ContentTable td
{
	padding:3px;
}
#CurrentPlayerInfo
{
	float:left;	
	position:absolute;	
	left:-50px;
	top:-40px;
	width:100px;
	float:left;
}

.ReadyDiv
{
	position:absolute;
	width:40px;
	height:100px;
	left:-60px;
	top:0px;
}

.ReadyDiv3
{
	position:absolute;
	width:40px;
	height:100px;
	left:75px;
	top:0px;
}
